<template>
  <div>
    <div>
      <van-nav-bar title="会员中心" />
    </div>
    <div class="top">
      <img src="../../assets/images/lei.jpeg" class="top-img" />
    </div>
    <div class="login">
      <div><van-button type="warning" @click="login">我要登录</van-button></div>
      <div><van-button type="primary" @click="register">我要注册</van-button></div>
    </div>
    <div>
        <van-cell-group>
            <van-cell title="会员卡" is-link />
            <van-cell title="地址管理" is-link  />
            <van-cell title="我的订单" is-link  />
            <van-cell title="会员权益" is-link />
            <van-cell title="联系我们" is-link  />
        </van-cell-group>
    </div>
  </div>
</template>

<script>
  export default {
    methods:{
      // 连接跳转到登录页面
      login(){
        this.$router.push({path:'/Login'})
      },
      // 连接跳转到注册页面
      register(){
        this.$router.push({path:'/Register'})
      }
    }
  }
</script>

<style>
  .top-img{
      width:100px;
      height: 100px;
      border-radius: 50px;
  }
  .top{
      height:6rem;
      text-align: center;
      padding-top:1rem;
      background-color: #EEA2AD;
  }
  .login{
      display: flex;
      flex-direction: row;
      background-color: #fff;
      padding:10px;
  }
  .login div{
      flex:1;
      text-align: center;
  }
</style>
